<template>
	<div class="login-page">
		<div class="login-title">
			<h1 style="color: #355c84">登录</h1>
		</div>
		<van-form>
			<van-field name="用户名" label="用户名" placeholder="用户名" />
			<van-field type="password" name="密码" label="密码" placeholder="密码" />
			<van-field type="password" name="密码" label="密码" placeholder="密码" />
		</van-form>
		<div class="register">
			<p>找回密码</p>
			<p>注册</p>
		</div>

		<van-divider :style="{ color: '#355c84', borderColor: '#355c84', padding: '0 16px', width: '70%' }">
			其他登录方式
		</van-divider>
		<div class="login-type">
			<img src="../../assets/images/images/images/logo.png" style="width: 24px; height: 24px" />
			<img src="../../assets/images/images/images/logo.png" style="width: 24px; height: 24px" />
			<img src="../../assets/images/images/images/logo.png" style="width: 24px; height: 24px" />
		</div>
	</div>
</template>

<script>
export default {};
</script>

<style scoped>
.login-page {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.register {
	width: 50%;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	color: #355c84;
	font-size: 10px;
}

.login-type {
	display: flex;
	flex-direction: row;
}

.login-type img {
	margin: 20px;
}
</style>
